<template>
  <div v-show="styles.modulePage==1" id="nameless" :style="{borderColor:currentName=='namelessChange'?'#2D8CF0':'#fff'}">
    <div class="titles" :style="{background:styles.colorBg}">
      <div>
        <img src="../../../assets/img/phone-top.png" alt />
      </div>
      <div>
        <span></span>
        <span :style="{color:styles.colorWord}">{{styles.navTitle}}</span>
        <span>
          <img src="../../../assets/img/phone-icon.png" alt />
        </span>
      </div>
    </div>
  </div>
</template>

<script>
import { mapState, mapMutations } from "vuex";
export default {
  name: "nameless",
  data() {
    return {
      name: "",
    };
  },
  computed: {
      ...mapState(["pageSetting", "currentId", "currentName"]),
    styles() {
      return this.pageSetting[0].styles;
    },
  },
  created() {},
  methods: {},
};
</script>

<style lang="less" scoped>
@import url('../../../assets/css/base.less');
#nameless{
  border: 1px solid #fff;
.titles {
  height: 64px;
  > div:first-of-type {
    > img {
      width: 100%;
    }
  }
  > div:nth-of-type(2) {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #212121;
    font-weight: bold;
    > span {
      display: inline-block;
      width: 33.33%;
      text-align: center;
    }
    > span:nth-of-type(3) {
      > img {
        width: 87px;
      }
    }
  }
}
}

</style>
